<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div></div>
<p></p>
<div class="box"></div>
<script>
    /*
    HTMLElement 接口的 innerText 属性表示一个节点及其后代所渲染文本的内容。
    * */
    /*获取元素*/
    const div = document.querySelector("div")
    const box = document.querySelector(".box")
    const p = document.querySelector("p")

    /*innerText操作元素内容*/
    div.innerText = "innerText"
    p.innerText = "innerText"
    box.innerText=`<p>111</p>` //不识别html标签

    /*innerText获取元素内容*/
    console.log(div.innerText)
    console.log(p.innerText)

</script>
</body>
</html>